/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.vue.html", "./src/**/*.{vue,js,ts,jsx,tsx,css}"],
  theme: {
    extend: {
      backgroundColor: {
        Left: "var(--bg-left)",
        Right: "var(--bg-right)",
        RightListHover: "var(--bg-right-list-hover)",
        Center: "var(--bg-center)",
        CenterHover: "var(--bg-center-hover)",
        ChatMe: "#0099ff",
        ChatOther: "var(--bg-chat-other)",
        Transfer: "var(--bg-transfer)",
        Quotation: "var(--bg-quotation)",
        Input: "var(--bg-input)",
        FileMessage: "var(--bg-fileMessage)",
        FilePage: "var(--bg-filePage)",
        FileContainer: "var(--bg-container)",
        FileInput: "var(--bg-fileInput)",
        FileList: "var(--bg-fileList)",
        FileNavActive: "var(--bg-fileNavActive)",
        FileHover: "var(--bg-fileHover)",
        AiChatLeft: "#212327",
        AiChatMain: "#292a2d",
        AiChatInput: "#404045",
        SysLeft: "var(--bg-sys-left)",
        SysRight: "var(--bg-sys-right)",
        SysItem: "var(--bg-sys-item)",
        SysActive: "var(--bg-sys-active)",
        messageTime: "var(--bg-message-time)",
      },
      colors: {
        brand: "#409eff",
        main: "var(--main)",
        // 主题色
        light: "#eeeeee",
        dark: "#1b1b1b",
        freshGreen: "#a8e6cf",
        warmOrange: "#ffd3b6",
        dreamyPurple: "#d0bfff",
        // 字体
        fontPrimary: "var(--font-primary)",
        fontRegular: "var(--font-regular)",
        fontSecondary: "var(--font-secondary)",
        fontPlaceholde: "var(--font-placeholde)",
        fontDisable: "var(--font-disable)",
        active: "var(--main)",
        warning: "#E6A23C",
        danger: "#F56C6C",
      },
      webkitAppRegion: {
        drag: "drag",
        "no-drag": "no-drag",
      },
    },
  },
  plugins: [],
  darkMode: "class",
};
